<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/css/campo-value.css'/>">	
	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/css/form.css'/>">	
	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/css/calendar.css'/>">
	<link rel="stylesheet" type="text/css" href="<html:rewrite page='/css/menu.css'/>" />
	<!--[if lte IE 7]>
	<style type="text/css">
	html .jquerycssmenu{height: 1%;} /*Holly Hack for IE7 and below*/
	</style>
	<![endif]-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
	<script type="text/javascript" src="<html:rewrite page='/js/menu.js'/>"></script>
</head>

<style>

	img{
		border:none;
	}

	html, body{
		padding: 0px;
		margin: 0px;
	}
	.info{
		font-size: 12px;
		float: right;
		font-weight: bold;
	}
		
	.info ul{
		list-style-type: none;
		margin: 0px;
		padding-top: 5px;
		background-image: url('<html:rewrite page='/img/fondo-info.png'/>');
		height: 25px;
	}
	
	.info ul li{
		display: inline;
	}
		
	.info ul li a{
		text-decoration: none;
		color: black;
		padding-left: 10px;
	}
	
	.info ul li a:hover{
		font-weight:bold;
		text-decoration: underline;
	}
	
</style>

<body>	
	
	<div style=" height: 35px; background-color: #3B5997; box-shadow: 0px 1px 1px white; border-bottom: #4D6EB2 1px solid;">
		
		<!-- logo de la cabecera -->
		<html:link forward="inicio">
			<img src="<html:rewrite page='/img/cabecera.png'/>" style="float:left; width: 30%;" />
		</html:link>
		<div class="info">
			<ul>
				<li>
					<html:link forward="construccion">
						<img src="<html:rewrite page='/img/nosotros.png'/>"></img>
					</html:link>
				</li>
				<li>
					<html:link forward="construccion">
						<img src="<html:rewrite page='/img/empresa.png'/>"></img>
					</html:link>
				</li>
				<li>
					<html:link forward="construccion">
						<img src="<html:rewrite page='/img/contacto.png'/>"></img>
					</html:link>
				</li>
			</ul>
		</div>
		
		<br style="clear: left" />
	
	</div>
	
</body>

</html>